<template>
    <view :class="['list-page', { 'dark-mode': isDarkMode }, currentTheme]">
        // ... rest of the template
    </view>
</template>

<script setup lang="ts">
import { currentTheme, isDarkMode } from '@/store/theme';
// ... rest of the script
</script>

<style>
.list-page {
    min-height: 100vh;
    background: var(--theme-background);
    padding-top: env(safe-area-inset-top);
}

// ... rest of the styles using theme variables</style>